<template>
	<view>
		<view class="my-container">
			<!-- 用户未登录时，显示登录组件 -->
			<my-login v-if="token"></my-login>
			<!-- 用户登录后，显示用户信息组件 -->
			<my-userinfo v-else></my-userinfo>
		</view>
	</view>
</template>

<script>
// 导入自己封装的 mixin 模块
import badgeMix from '@/mixins/tabbar-badge.js'
import { mapGetters, mapMutations, mapState } from 'vuex'
// 导入组件
import myLogin from '@/components/my-login'
import myUserinfo from '@/components/my-userinfo'

export default {
	name: 'WxShopsIndex',
	components: {
		myLogin,
		myUserinfo
	},
	computed: {
		// 从 m_user 模块中导入需要的 token 字符串
		 ...mapState('m_user',['token']),
	},
	data() {
		return {};
	},
	// 将 badgeMix 混入到当前的页面中进行使用
	mixins: [badgeMix],
	mounted() {},

	methods: {},
};
</script>

<style lang="scss" scoped>
page,
.my-container {
  height: 100%;
}
</style>
